<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>数字货币量化交易工具</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <header>
        <h1>各项任务运行情况</h1>
        <nav>            
            <button id="task1">15m周期</button>
            <button id="task2">30m周期</button>
            <button id="task3">1h周期</button>
        </nav>
    </header>
    <main>
        <div id="latest-Price" class="task-container"></div>
        <div id="task-display" class="task-container"></div>
        <div id="task-recently" class="task-container"></div>
        <div id="dailys-profit" class="task-container">
            <h class="h1">历史每日盈利情况：</h><br><br>
            <!-- <ul id="daily-profit"></ul> -->
            <table id="data-table">
                <thead>
                  <tr>
                    <th>Date</th>
                    <th>Profit</th>
                  </tr>
                </thead>
                <tbody><!-- 这里输入表格内容 --></tbody>
            </table>
        </div>
        <div id="orders-history" class="task-container">
            <h class="h2">历史任务订单数据：</h><br><br>
            <ul id="orders-list"></ul>
        </div>
    </main>
    <script src="scripts.js"></script>
</body>
</html>